<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
	
<h:head>
<title> Dati personali </title>
		<link rel="stylesheet" type="text/css" href="style/reset.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/print.css" media="print" />
		<link rel="stylesheet" type="text/css" href="style/style.css" media="screen,print" />
		<link rel="stylesheet" type="text/css" href="style/template.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="style/menu.css" media="screen" />
		<link rel="stylesheet" type="text/css" href="pcss/pagina-3.css" media="screen" />
	</h:head>

<h:body onload="#{userBean.loadData()}">
		<div id="imHeaderBg"></div>
		<div id="imFooterBg"></div>
		<div id="imPage">
			<div id="imHeader">
				<h1 class="imHidden">Area Personale</h1>
			</div>
			<a class="imHidden" href="#imGoToCont" title="Salta il menu di navigazione">Vai ai contenuti</a>
			<a id="imGoToMenu"></a><p class="imHidden">Menu principale:</p>
			<div id="imMnMn" class="auto">
				<ul class="auto">
					<li id="imMnMnNode0">
						<a href="http://localhost:8080/TravelDreamOnlineWeb">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Home Page</span>
							</span>
						</a>
					</li><li id="imMnMnNode3"  class="imMnMnCurrent">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/user/index.xhtml">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Area Personale</span>
							</span>
						</a>
					</li><li id="imMnMnNode4" >
						<a href="http://localhost:8080/TravelDreamOnlineWeb/admin/index.xhtml">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Area Riservata</span>
							</span>
						</a>
					</li><li id="imMnMnNode5">
						<a href="http://localhost:8080/TravelDreamOnlineWeb/contatti.html">
							<span class="imMnMnFirstBg">
								<span class="imMnMnTxt"><span class="imMnMnImg"></span>Contatti</span>
							</span>
						</a>
					</li>
				</ul>
			</div>
			<div id="imContentGraphics"></div>
			<div id="imContent">
			
<!--INSERIRE QUI LA PAGINA>
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
<-->
<h1> Riepilogo</h1>
    <h:form id="form">  
        
        <p:growl id="messages" showDetail="true"/>  
        
        <p:dataTable var="utente" value="#{userBean.utenteModifica}" id="utente" editable="true">  
        
         <f:facet name="header">  
            Dati personali
        </f:facet>  
        <p:ajax event="rowEdit" listener="#{userBean.onEdit()}" update=":form:messages"/>  
  
        <p:column headerText="Nome" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.nome}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="#{utente.nome}" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
            
        </p:column>
                <p:column headerText="Cognome" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.cognome}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="#{utente.cognome}" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
        </p:column>
        
       <p:column headerText="Data nascita" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.data}" />  
                </f:facet>  
                <f:facet name="input">  
                     <p:calendar value="#{utente.data}" id="inlineCal" showButtonPanel="true">  
           			 <p:ajax event="dateSelect" listener="#{calendarBean.handleDateSelect}" update=":form:messages" />  
       			 </p:calendar>   
                </f:facet>  
            </p:cellEditor>  
        </p:column>    
        
       <p:column headerText="Luogo nascita" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.luogoNascita}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="#{utente.luogoNascita}" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
       </p:column>    
       
       <p:column headerText="Città residenza" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.città}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="#{utente.città}" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
       </p:column>    
                  
        <p:column headerText="Indirizzo" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.indirizzo}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="#{utente.indirizzo}" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
       </p:column>    

       <p:column headerText="Telefono" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="#{utente.telefono}" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:inputText value="#{utente.telefono}" style="width:100%"/>  
                </f:facet>  
            </p:cellEditor>  
       </p:column>    
         
      <p:column headerText="Password" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="****************" />  
                </f:facet>  
                <f:facet name="input">  
                    <p:password id="password" value="#{utente.password}"
					feedback="true" match="pwd2" label="Password"/> 
                </f:facet>  
            </p:cellEditor>  
       </p:column>      
        
       <p:column headerText="Conferma Password" style="width:30%">  
            <p:cellEditor>  
                <f:facet name="output">  
                    <h:outputText value="****************" />  
                </f:facet>  
                <f:facet name="input">  
				<p:password id="pwd2" label="Conferma password" value="{utente.password}"/>
> 
                </f:facet>  
            </p:cellEditor>  
       </p:column>      

    	<p:column style="width:6%">  
            <p:rowEditor />  
        </p:column>  
        
    </p:dataTable>           
      <p:commandButton value="Indietro" oncomplete = "window.history.back();"/>  
    </h:form>  
<!--FINE DELLA PAGINA>
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////
<-->						
				
								
			</div>		
			<div id="imFooter">
				
			</div>
	</div>
		<span class="imHidden"><a href="#imGoToCont" title="Rileggi i contenuti della pagina">Torna ai contenuti</a> | <a href="#imGoToMenu" title="Naviga ancora nella pagina">Torna al menu</a></span>
		
	<noscript class="imNoScript"><div class="alert alert-red">Per poter utilizzare questo sito è necessario attivare JavaScript.</div></noscript>
				</h:body>
</html>
